<!DOCTYPE html>
<html>

<head>
    <title>店铺管理</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <link href="../lib/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="../lib/weui-master/dist/style/weui.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../lib/fontawesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../sys/css/footseller.css">
    <style lang="css">
    body {
        
        background-color: #fff;
    }
    .top{
        height: 50px;
        line-height: 50px;
        background-color: #325AA8;
        color:white;

    }
    .top span{
        font-size: 1rem;
        display: inline-block;
        width: 32%;

    }
    .top span:nth-child(2){
        text-align: center;
        font-size: 1.2rem;
        /*font-weight: bold;*/
    }
    .top span:nth-child(3){
        text-align: right;
    }
    .nothing{
        height: 1rem;
        background-color:#FBFBFB;
    }
    .shopcontent{
        border-top: 1px solid #E8E8E8;
        height: 45px;
        line-height: 45px;
    }

    .shopimg {
        height: 75px;
        border-bottom: 1px solid #E8E8E8;
    }
    .decorate{
        border-bottom: 1px solid #E8E8E8;
    }
    
    .shopleft,.shopright{
        display: inline-block;
    }
    .shopleft{
        width:30%;
        text-align: left;
        margin-left: 2%;
        font-size: 1.1rem;
    }
    .shopright{
        width:66%;
        text-align: right;
        color:gray;
    }
    .shopright img{
        width: 65px;
        height: 65px;
        padding:5px 5px 5px 0;
    }

    </style>
</head>

<body>
    <div class="box">
        <div class="top">
            <span @click="jumpToHome()"><i class="fa fa-chevron-left "></i> 返回</span>
            <span >店铺管理</span>
            <span @click="jumpToShop()">查看店铺</span>
        </div>
        <div class="nothing"></div>
        <div class="content">
            <div class="shopname shopcontent">
                <div class="shopleft">店铺名称</div>
                <div class="shopright">
                    <span v-text="shop.name"></span>
                    <i class="fa fa-chevron-right "></i>
                </div>
            </div>
            <div class="shopbrief shopcontent">
                <div class="shopleft">店铺简介</div>
                <div class="shopright">
                    <span v-if="shop.brief.length==0">未设置</span>
                    <span v-else>查看</span>
                    <i class="fa fa-chevron-right "></i>
                </div>
            </div> 
            <div class="identification shopcontent">
                <div class="shopleft">认证信息</div>
                <div class="shopright">
                    <span>未认证</span>
                    <i class="fa fa-chevron-right "></i>
                </div>
            </div>
            <div class="shopimg shopcontent">
                <div class="shopleft">店铺头像</div>
                <div class="shopright">
                    <img :src="shop.headimg" alt="头像">
                    <i class="fa fa-chevron-right "></i>
                </div>
            </div>
            <div class="nothing"></div>
            <div class="decorate shopcontent">
                <div class="shopleft">店铺装修</div>
                <div class="shopright">
                    <!-- <span></span> -->
                    <i class="fa fa-chevron-right "></i>
                </div>
            </div>

        </div>
        
    </div>
    <script src="../lib/jquery/jquery-1.11.0.min.js"></script>
    <script src="../lib/vue/vue.js"></script>
    <script type="text/javascript" src="../sys/js/footseller.js"></script>
    <script type="text/javascript " src="../data/shopadmin.json"></script>
    <script>
    $(function() {
        var windowHeight = $(window).height();
        var footheight = $(".commonfoot").height();
        var downHeight = windowHeight - footheight - 280;
        $(".down").css("height", downHeight);
        $(".entrence").css("height", downHeight / 2);


        var box = new Vue({
            el: '.box',
            data:shopmanege,
            methods: {
                jumpToShop:function(){
                    window.location.href="../phoneu/shop.html";
                },
                jumpToHome:function(){
                    window.location.href="index.html";
                }



            }

        })
        $(".footer ul li").removeClass("active");
        $(".footer ul li:nth(1)").addClass("active");


    })
    </script>
</body>

</html>
